@charset "utf-8";
/*
Bản quyền©2012 YSOFT DEVELOPMENT TEAM (http://ysoft.vn)
Mã nguồn này được phát hành bởi Nhóm phát triển phần mềm và Ứng dụng trực tuyến
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
/*---------------------------------------------------------*/
body{color: #000000;background: #FFFFFF;font-family: Tahoma, Arial, sans-serif;line-height: 1.5;}
body#bd{color:#333333;background: #FFFFFF;}
body.contentpane {width: auto;margin: 1em 2em;line-height: 1.3em;margin: 0px 0px 0px 0px;font-size: 12px;color: #333333;}
body.fs1 {font-size: 9px;}body.fs2{font-size: 10px;}body.fs3{font-size: 11px;}body.fs4{font-size: 12px;}body.fs5{font-size:13px;}
form{margin:0;padding:0;}
form label {cursor: pointer;}
input, select,textarea,.inputbox{font-family:Tahoma,Arial,sans-serif;font-size: 100%;}
a{color: #CC0000;}
a:hover,a:active,a:focus{color: #CC0000;}
a img {border: none;}
h1,h2,h3,h4{font-family: Tahoma, Arial, Helvetica, sans-serif;}
h1{font-size: 180%;}h2{font-size: 150%;}h3{font-size: 125%;}h4{font-size: 100%; text-transform: uppercase;}
p,pre,blockquote,ul,ol,h1,h2,h3,h4,h5,h6{margin: 12px 0;padding: 0;}
ul{list-style: none;}
ul li{padding-left: 30px;background: url(../images/bullet.gif) no-repeat 18px 8px;line-height: 180%;}
ol li {margin-left: 35px;line-height: 180%;}
th{padding: 5px;font-weight: bold;text-align: left;}
hr{border-top: 1px solid #CCCCCC;border-right: 0;border-left: 0;border-bottom: 0;height: 1px;}
td, div {font-size: 100%;}
.items{ color:#1B64A0; cursor:pointer}

.listbox{ background:#FFF; height:515px; width:195px; margin-top:5px; overflow:auto;}
.listbox2{ background:#FFF; height:220px; width:170px; margin-top:5px; overflow:auto;}
.listbox3{ background:#FFF; height:515px; width:250px; margin-top:5px; overflow:auto;}
.listbox3 .order{position:relative; margin-top:-35px; float:right; z-index:6; display:none;}
.listbox3 .order select{padding-top:4px; padding-bottom:4px; margin-right:10px; padding-left:10px;}

.listbox4{ background:#FFF; height:200px; width:250px; margin-top:5px; overflow:auto;}
.listitem1{color:#1579AE; background:#CCC; margin-bottom:5px; border:1px solid #B7B7B7; height:30px; margin-right:5px; cursor:pointer}
.listitem1 input{margin-top:8px; margin-left:12px}
.listitem1 a{padding-left:10px; font-size:12px; color:#000}
.listitem1:hover{background:#FFF;}
.itemtmp{ cursor:pointer; color:#1C68C6}
.listitem2{color:#1579AE; background:#CCC; margin-bottom:5px; border:1px solid #B7B7B7; height:30px; margin-right:5px; cursor:pointer}
.listitem2 input{margin-top:8px; margin-left:12px}
.listitem2 a{padding-left:10px; font-size:12px; color:#000}
.listitem2:hover{background:#FFF;}

.listitem3{color:#1579AE; background:#CCC; margin-bottom:5px; border:1px solid #B7B7B7; height:30px; margin-right:5px; cursor:pointer; position:relative; z-index:5}
.listitem3 input{margin-top:8px; margin-left:12px}
.listitem3 a{padding-left:10px; font-size:12px; color:#000}
.listitem3:hover{background:#FFF;}

.listitem4{color:#1579AE; background:#CCC; margin-bottom:5px; border:1px solid #B7B7B7; height:30px; margin-right:5px; cursor:pointer}
.listitem4 input{margin-top:8px; margin-left:12px}
.listitem4 a{padding-left:10px; font-size:12px; color:#000}
.listitem4:hover{background:#FFF;}

.space{ height:1px;}
#duyetmedia{ margin-left:5px; padding-right:20px;}
.duyetpress{float:left;padding-bottom:0px;clear:both;}
.duyetpress button {color: #6e6e6e;font:bold 12px Helvetica,Arial,sans-serif;text-decoration: none;padding: 3px 5px;position: relative;display: inline-block;  text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s;background: #f3f3f3;background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));border:solid 1px #dcdcdc;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius:2px;margin-right:10px; background:url(http://beta.cailuongso.com/media/images/button.png) 5px -135px no-repeat #F3F3F3; padding-left:24px; margin-top:0px; cursor:pointer;}
.duyetpress button:hover{color: #333;border-color: #999;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.duyetpress:active {color:#000;border-color:#444;}
.duyetpress button.left{-webkit-border-top-right-radius:0;-moz-border-radius-topright: 0;border-top-right-radius: 0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius: 0;margin: 0;}
.duyetpress button.middle {border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-left: solid 1px #f3f3f3;margin:0;border-left: solid 1px rgba(255, 255, 255, 0);}
.duyetpress button.middle:hover,a.right:hover { border-left: solid 1px #999 }
.duyetpress button.right{-webkit-border-top-left-radius:0;-moz-border-radius-topleft: 0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;border-left:solid 1px #f3f3f3;border-left: solid 1px rgba(255, 255, 255, 0);}
.duyetpress button.add{}



/*---------------------------------------------------------*/
#login-box{background:#E2E2E2;border:2px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width:200px;padding:0px 2px 0px 10px;text-align:left;font-family: Arial;font-size:13px;}
#login-logo{margin-top:80px; margin-bottom:10px; text-align:center;}
#login-footer{margin-top:90px;}
#login-button{ width:85px; height:25px; margin-top:7px; margin-bottom:6px; margin-left:105px; font-family:Arial; font-size:13px;}
#login-input{ width:120px; margin-left:10px;}
#main{text-align:left;width:950px;margin:0 auto;}
#wrapper{width:100%;margin:0;}
#headerwrapper{width:100%;clear:both; z-index: 2;background:url(../images/header-bg.gif) repeat-x top #006699;line-height:normal;height: 30px;}
#header{position:relative;height:45px;width: 950px;margin: 0 auto;} 
#headlogout{position:absolute;top:7px;margin-left:866px;}
#headhome{position:absolute;top:7px;margin-left:778px;}
#containerwrapper{position:relative;z-index:1;width:100%;clear:both;}
#containerwrap-col{width:100%;clear:both;}
#containerwrap-col #mainbody{width: 100%;}
#containerwrap-col #content{width: 83.9%;float: right;}
#containerwrap-col #content div.inner {padding-right: 0;}
#containerwrap-col #column-panel{width:16%;}
#container{width:950px;margin:0 auto;padding: px 0;}
#mainbody{float:left;width: 100%;}
#content{clear: both;display: block;float:right;width:795px;}
#content div.inner{padding: 0 20px;}
#column-panel{float:left;width:150px;;overflow:hidden;}
#column-panel table{border-collapse:collapse;border-spacing:0;}
#column-panel .article_separator{ display:none;}
#footer{text-align:center; margin-top:30px;} 
.press{ cursor:pointer}
.buttonclick{ width:60px; height:25px; font-size:12px; color:#236FC2; font-weight:800;}
/*MEIDA--------------------------------------------------------*/
.view td {height:26px; padding:0 0 0 5px;border-color:#EEE}
.view th { background:#2869CA; color:#FFF}
.view {position:absolute; margin-top:35px; border-color:#EEE}
.viewmd td {height:26px; padding:0 0 0 5px;border-color:#EEE}
.viewmd th { background:#2869CA; color:#FFF}
.viewmd {position:absolute;border-color:#EEE; margin-top:0px;}
.viewupload {position:absolute; margin-top:0px; border-color:#EEE}
.viewupload th { background:#2869CA; color:#FFF}

.areaselect{height:445px; overflow:auto; margin-top:35px;}
.viewupload2 {border-color:#EEE; border:1px solid #EEE}
.viewupload2 td {height:26px; padding:0 0 0 5px;border-color:#EEE}

.uploadlist{ padding-left:0px;}
#space{float:left;}
#search{float:left; padding-left:5px}
.search{width:200px; height:19px; padding-left:5px; line-height:19px;}
#pre{float:right;}
#next{float:right; margin-right:-29px;}
#audiopress{float:right;}
#allpress{float:right;}
#videopress{float:right; margin-right:150px;}
#nextfix{float:right; margin-right:-10px;}
#mediainfox{margin-top:40px;}
#container{margin-top:10px; float:left}
.selecttitle{ margin-bottom:5px;}
.selecttitle a{color:#333; font-size:12px}
.selecttitle input{height:10px; width:190px; padding:5px;}
.selecttitle textarea{height:105px; width:280px;padding:5px;}
.selecttitle select{height:23px; width:204px;}

.selecttitle3{ margin-bottom:5px;}
.selecttitle3 a{color:#333; font-size:12px}
.selecttitle3 input{height:10px; width:350px; padding:5px;}
.selecttitle3 textarea{height:105px; width:280px;padding:5px;}
.selecttitle3 select{height:23px; width:215px;}

.selecttitle2{ margin-bottom:5px;}
.selecttitle2 a{color:#333; font-size:12px}
.selecttitle2 input{height:10px; width:170px; padding:5px;}
.selecttitle2 textarea{height:105px; width:240px;padding:5px;}
.selecttitle2 select{height:23px; width:184px;}
/*UPMEIDA--------------------------------------------------------*/
ul.column{position:absolute;top:-100%;}
div.module h3,div.module_menu h3,div.module_text h3{margin:0;padding:0;color: #FFFFFF;height: 28px;background: url(../images/h32-r.gif) no-repeat top right #CC0000;font-size: 100%;}
div.module h3 span,div.module_menu h3 span,div.module_text h3 span{margin:0;padding: 0 0 0 26px;display: block;background: url(../images/h31-l.gif) no-repeat top left;height:28px;line-height: 28px;}
div.module,div.module_menu,div.module_text{margin-bottom:10px;overflow:hidden;padding: 0 0 10px;}
ul.menu{margin:0;padding:0;list-style:none;}
ul.menu li{margin:0;padding:0;background: none;}
ul.menu li a{display: block;text-decoration:none;outline:none;background:url(../images/hline.gif) repeat-x bottom;padding: 4px 0;color: #333333;}
ul.menu li a span {background: url(../images/icon-plus.gif) no-repeat 5px 6px;display: block;padding-left: 20px;}
ul.menu li a:hover,ul.menu li a:active,ul.menu li a:focus {text-decoration: none;background: url(../images/hline.gif) repeat-x bottom #F2F2F2;color: #333333;}
ul.menu li.active a{text-decoration:none;color: #CC0000;font-weight:bold;}
ul.menu li li a span {background:none;}
ul.menu li ul {margin:0;padding:0;list-style:none;}
ul.menu li li a {background:none;padding-left:5px;color:#333333 !important;font-weight: normal !important;}
ul.menu li li a:hover,ul.menu li li a:active,ul.menu li li a:focus {background: none;color:#CC0000 !important;}
ul.menu li li a span {background: url(../images/bullet.gif) no-repeat 8px 8px;}
.clearfix:after {clear:both;display:block;content: ".";height:0;visibility:hidden;}
* html > body .clearfix {width: 100%;display: block;}
* html .clearfix {height: 1%;}

.buttons{float:left;padding-bottom:0spx;clear:both;}
a.button {color: #6e6e6e;font:bold 12px Helvetica,Arial,sans-serif;text-decoration: none;padding: 3px 5px;position: relative;display: inline-block;  text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s;background: #f3f3f3;background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));border:solid 1px #dcdcdc;border-radius:2px;-webkit-border-radius: 2px;-moz-border-radius:2px;margin-right:10px;}
a.button:hover{color: #333;border-color: #999;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
a.button:active {color:#000;border-color:#444;}
a.left{-webkit-border-top-right-radius:0;-moz-border-radius-topright: 0;border-top-right-radius: 0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius: 0;margin: 0;}
a.middle {border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-left: solid 1px #f3f3f3;margin:0;border-left: solid 1px rgba(255, 255, 255, 0);}
a.middle:hover,a.right:hover { border-left: solid 1px #999 }
a.right{-webkit-border-top-left-radius:0;-moz-border-radius-topleft: 0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;border-left:solid 1px #f3f3f3;border-left: solid 1px rgba(255, 255, 255, 0);}
a.big{font-size: 16px;padding: 10px 15px;}
a.supersize{font-size:20px;padding: 15px 20px;}

a.save{background:url(../images/button.png) 5px 3px no-repeat #f3f3f3;padding-left:24px;}
a.add{background:url(../images/button.png)  5px -31px no-repeat #f3f3f3; padding-left:24px;}
a.delete{background:url(../images/button.png)  5px -65px no-repeat #f3f3f3; padding-left:24px; height:15px;}
a.flag{background:url(../images/button.png)  5px -99px no-repeat #f3f3f3;padding-left:24px;}
a.up {background:url(../images/button.png)  5px -135px no-repeat #f3f3f3;padding-left:24px;}
a.down{background:url(../images/button.png)  5px -168px no-repeat #f3f3f3;width: 18px;}

html{margin-bottom:1px;height:100%!important;height:auto; margin-top:0px; margin-bottom:10px;}
.clearfix {height: 1%;}img {border: none;}
.clearfix {display: inline-block;}
.mark{font-weight:bold;}
.redcolor{background:#E01F32;}
.yellowcolor{ background:#FF3}
.bluecolor{ background:#2379D8}

/* ADMINISTRATION            */
.cailuongso{ margin-bottom:20px; text-align:center}
#authorbox{position:absolute; top:12px; left:754px;}
#artistbox{position:absolute; top:12px; left:520px;}
#artistbox2{position:absolute; top:12px; left:490px;}
#songbox{position:absolute; top:12px; left:700px;}
/* BOX*/
.fancybox-tmp iframe, .fancybox-tmp object{vertical-align: top;padding: 0;margin: 0;}.fancybox-wrap {position: absolute;top: 0;	left: 0;z-index: 1002;}.fancybox-outer {position: relative;padding: 0;margin: 0;background: #f9f9f9;color: #444;text-shadow: none;	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.fancybox-opened {z-index: 1003;}.fancybox-opened .fancybox-outer {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}.fancybox-inner {width: 100%;height: 100%;padding: 0;margin: 0;position: relative;outline: none;	overflow: hidden;}.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 10px;}.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;vertical-align: top;}.fancybox-image {max-width: 100%;max-height: 100%;}#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {	background-image: url('media/fancy/fancybox_sprite.png');}#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;	background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 1010;}#fancybox-loading div {width: 44px;height: 44px;	background: url('media/fancy/fancybox_loading.gif') center center no-repeat;}.fancybox-close {position: absolute;top: -18px;right: -18px;	width: 36px;height: 36px;cursor: pointer;z-index: 1004;}.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;background: transparent url('media/fancy/blank.gif');z-index: 1003;}.fancybox-prev {left: 0;}.fancybox-next {right: 0;}.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 36px;margin-top: -18px;cursor: pointer;z-index: 1003;	visibility: hidden;}.fancybox-prev span {left: 20px;background-position: 0 -36px;}.fancybox-next span {right: 20px;background-position: 0 -72px;}.fancybox-nav:hover span {visibility: visible;}.fancybox-tmp {position: absolute;top: -9999px;	left: -9999px;padding: 0;overflow: visible;	visibility: hidden;}#fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 1001;	background: #000;}.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 1005;}.fancybox-opened .fancybox-title {visibility: visible;}.fancybox-title-float-wrap {	position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 1003;text-align: center;}.fancybox-title-float-wrap .child {	display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent;background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;	font-weight: bold;line-height: 24px;white-space: nowrap;}.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}.fancybox-title-inside-wrap {margin-top: 10px;}.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}